<?php 
session_start();
if(strlen($_SESSION["u_name"])== 0)
{
 header("Location:index.php");
}
include 'Classes/MyClass.php';
$objMyCass = new MyClass();
$userdetails = array();
$userdetails = $objMyCass->FetchUserRecords($_SESSION["user_id"]);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="js/jquery-1.4.2.js" type="text/javascript" language="javascript"></script>
<script src="js/ajax.js" type="text/javascript" language="javascript"></script>
<script src="js/tab-view.js" type="text/javascript" language="javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="css/tab-view.css" rel="stylesheet" type="text/css" />
<link href="cssbuttons.css" rel="stylesheet" type="text/css">
<link href="skins/sample/sample.css" rel="stylesheet" type="text/css">

<style type="text/css">
	body {
		margin: 20px;
		padding: 0px;
		background: #CACCB4;
		font: 16px arial, sans-serif; }

	pre {text-indent: 30px}

	#tabmenu {
		color: #000;
		border-bottom: 2px solid black;
		margin: 12px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 10px }

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

	#tabmenu a, a.active {
		color: #DEDECF;
		background: #898B5E;
		font: bold 1em "Trebuchet MS", Arial, sans-serif;
		border: 2px solid black;
		padding: 2px 5px 0px 5px;
		margin: 0;
		text-decoration: none; }

	#tabmenu a.active {
		background: #ABAD85;
		border-bottom: 3px solid #ABAD85; }

	#tabmenu a:hover {
		color: #fff;
		background: #ADC09F; }

	#tabmenu a:visited {
		color: #E8E9BE; }

	#tabmenu a.active:hover {
		background: #ABAD85;
		color: #DEDECF; }

	#content {font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
		text-align: justify;
		background: #ABAD85;
		padding: 20px;
		border: 2px solid black;
		border-top: none;
		z-index: 2;	}

	#content a {
		text-decoration: none;
		color: #E8E9BE; }

	#content a:hover { background: #898B5E; }
	</style>
</head>
<body>
	<div id="container">
	<div class="center">
		<!-- header -->
		<div class="header">
			<div class="logo"><a href="#"><img src="images/logo.png" alt="" /></a></div>
			<div class="login">
				<div class="studentlogin">
					<!-- <h1>Student Login</h1>-->
					<div class="username">
						<!-- <p class="uname">Username:</p> -->
						<div class=""><!-- <input type="text" class="t_box" value="" /> --></div>
					</div>
					<div class="">
						<!-- <p class="uname">Password:</p> -->
						<div class=""><!-- <input type="password" class="t_box" value="" /> --></div>
					</div> 
					
				</div>
				
				<div class="logo1"><a href="#"><img src="images/logo1.png" alt="" /></a></div>
				<div style="text-align:right" >Welcome ,<?php print $_SESSION["u_name"];?>&nbsp;&nbsp;<a href="Logout.php">Log Out</a></div>
			</div>
			<div class="nav">
				<ul>
					<li><a href="Home.php" class="select" >Home</a></li>
					<li><a href="about-us.php">About Us</a></li>
					<li><a href="GmatPreparation.php">GMAT Preperation</a></li> 
					<li><a href="AdmissionConsulting.php">Admissions Consulting</a></li> 
					<li><a href="http://techbridge.co.in/forum/">MBA Forum</a></li> 
					<li><a href="contact-us.php">Contact Us</a></li>
				</ul>
			</div>
		</div>
		<!-- header -->
		<!-- middle -->

		<div class="middle">
		
		<ul id="tabmenu">
	<li><a class="active" href="tab1.html">Enormous</a></li>
	<li><a href="#">Flared</a></li>
	<li><a href="#">Nostrils</a></li>

</ul>

<div id="content">

<p>This page demonstrates a pure CSS method to generate a 'Tab' style interface (see <a href="http://www.web-graphics.com/mtarchive/000852.php">here</a> for more). It first uses the trick of an <a href="http://www.alistapart.com/stories/practicalcss/">inline list</a> to generate the tabs. To get the tabs to really look the part - the 'active' tab needs to blend into the 'content' area. This is achieved by giving the active tab a different class, and changing its properties (border-bottom and background) accordingly. Additionally, it allows one to change the active tab's :hover by not highlighting the active tab in the same way as the inactive tabs. </p>
<p>Because the purpose of the tab interface is to 'guide' the user as to their present location, these small features do actually improve the 'usability' of the tab structure. Try clicking on each tab to see it in action...</p>
<p>The code is very simple, the CSS is embedded to let you see 'under the hood'. Most of the action occurs in the list styling.  If the tabs don't 'align' properly to the top of the box, alter the font-size and line-height of the li element to suit. Changing font will require finding the 'sweet' spot at which different browsers render identically.</p>
<p>Note that for IE5/5.5 you probably need to add hacks to the CSS to overcome their bugs, I would have done it but I'm tired of box-model hacks...</p>

<p>I have also made a second version, but with the tabs part of an overlying banner, and fixed so that the tabs always stay visible. <a href="tabinvert1.html">Find it here...</a></p>
<p>Valid <a href="http://validator.w3.org/check/referer">XHTML V1.0 strict</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS V2.0</a> | <a href="http://nontroppo.org/test/">Go back to CSS page</a> | <a href="http://nontroppo.org">Go home (including an email link)</a> | This page is CopyLeft, you are free to use the code!</p>

</div>
		
		
		<div class="bar"><img src="images/ftopbg.png" alt=""/></div>
			</div>
		<!-- /middle -->
		<!-- footer -->
			<div class="footer">
				<ul>
					<li><a href="Home.php">Home</a></li>
					<li>|</li>
					<li><a href="about-us.php">About Us</a></li>
					<li>|</li>
					<li><a href="GmatPreparation.php">GMAT Preperation</a></li>
					<li>|</li>
					<li><a href="AdmissionConsulting.php">Admissions Consulting</a></li>
					<li>|</li>
					<li><a href="http://topmbaconsultant.com/forum/">MBA Blog</a></li>
					<li>|</li>
					<li><a href="contact-us.php">Contact Us</a></li>
				</ul>
			</div>
		<!-- /footer -->
	</div>
</div>
<!-- / container -->
 </body>
</html>